<!DOCTYPE html>
<!-- if-else-if的使用 -->
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="utils/vue.js"></script>
	</head>
	<body>
		<div id="app">
			<p v-if="data">111</p>
			<p v-if="type=='A' ">type is A</p>
			<p v-else-if="type=='B' ">type is B</p>
			<p v-else> type is not A or B.</p>
						
			<p v-show="data">show指令判断条件真假决定是否显示元素</p>
		</div>
		<script >
			new Vue({
				el:"#app",
				data:{
					data:1,
					type:'A'
				}
			})
			
		</script>
	</body>
</html>
